//演员管理


import React, { useEffect, useState } from 'react';
import TopSearch from './components/TopSearch';
import { get_putongyonghu_list } from '../../utils/api';
import Tbale from '../ContentManagement/content_components/Tbale';
import { Tag, Button } from 'antd';
import moment from 'moment';
import UploadFile from '../../Compon/UploadFile';
import Gooutfile from '../../Compon/file/Gooutfile.jsx';

import { delete_putongyonghu_list } from '../../utils/api';
import Toptitle from '../../Compon/Toptitle.js';
export default function Actors() {
  const [aa, setaa] = useState([]);
  const a = async () => {
    let data = await get_putongyonghu_list(); //这里写接口
    setaa(data.data.data);
    // console.log(aa);
  };
  useEffect(() => {
    a();
  }, []);
  const columns = [
    {
      title: '序号',
      dataIndex: '_id',
      key: '_id',
      render: (text, record, index) => index + 1,
    },
    {
      title: 'ID',
      dataIndex: '_id',
      key: '_id',
      render: (text, record, index) => <div>{text}</div>,
    },
    {
      title: '演员名字',
      dataIndex: 'putongyonghu_name',
      key: 'putongyonghu_name',
    },
    {
      title: '手机号',
      dataIndex: 'putongyonghu_tell',
      key: 'putongyonghu_tell',
    },
    {
      title: '性别',
      dataIndex: 'putongyonghu_sex',
      key: 'putongyonghu_sex',
      render: (text, record, index) => {
        return <div>{text == 1 ? '男' : text == 2 ? '女' : '未知'}</div>;
      },
    },
   
    {
      title: '在线状态',
      dataIndex: 'putongyonghu_state',
      key: 'putongyonghu_state',
      render: (text, record, index) => {
        return (
          <div>
            <Tag color={text == 1 ? 'green' : 'red'}>
              {text == 1 ? '在线' : '离线'}
            </Tag>
          </div>
        );
      },
    },
   
  
    {
      title: '操作',
      dataIndex: '_id',
      key: '_id',
      fixed: 'right',
      render: (text, record, index) => {
        return (
          <div>
            <Button
              type="primary"
              danger
              onClick={async () => {
                console.log(text);
                if (confirm('确定删除吗')) {
                  let data = await delete_putongyonghu_list({ text });
                  a();
                } else {
                  alert('取消删除');
                }
              }}
            >
              删除
            </Button>
          </div>
        );
      },
    },
  ];
  return (
    <div>
      <Toptitle title="演员管理" ></Toptitle>
      <TopSearch
        //下面是用户管理的
        // topName="普通用户管理"
        phone="手机号"
        username="用户名"
        sex="性别"
        vip="vip等级"
        create_time="注册时间"
        create="创建"
        anchor="开播次数"
        actor_name="演员名"
        customerservice_name="客服名"
        authentication_time="认证时间"
        button_one="查询"
        button_two="重置"
        button_three="新增"
        //上面是用户管理的
        //下面是内容管理的
        // topName  = '内容管理'
        // title='标题'
        // uploader='上传者'
        // audit_status='审核状态'
        // sort='分类'
        // publish_time='发布时间'
        // examine_time='审核时间'
        //上面是内容管理的
        //下面是营销管理的
        // topName='营销管理'
        // advertisement='广告名称'
        // level='等级标题'
        // gift='礼物名称'
        //上面是营销管理的
        //下面是财务管理的
        // topName='财务管理'
        // trading_time='交易时间'
        //上面是财务管理的
        //下面是app管理的
        // topName='APP管理'
        // creation_time='创建时间'
        // owningpage='所属页面'
        // channel_name='频道名称'
        // tag_name='标签名'
        // sort_name='分类名'
        // report_time='举报时间'
        //上面是app管理的
        //下面是系统设置的
        // topName='系统设置'
        //上面全部都有了
        //上面是系统设置的
        //下面是系统管理的
        // topName="系统管理"
        section_name="部门名"
        superior_department="上级部门"
        role_group="角色组"
      ></TopSearch>
      <Tbale data={aa} colums={columns}></Tbale>
      <div style={{ display: 'flex' }}>
        <UploadFile
          name={'导入'}
          // url="http://localhost:3000/CustomerService/index/uploadFile"
        ></UploadFile>
        <Gooutfile data={aa}></Gooutfile>
      </div>
    </div>
  );
}
